<div>
	<yu-panel title="发起示例">
		<yu-xform ref="refForm" v-model="wfDemo" class="yu-form-gap">
			<yu-xform-group :column="1">
				<yu-xform-item label="申请流水号" placeholder='申请流水号' ctype="input" name="pkId" placeholder='申请流水号' :colspan="13"></yu-xform-item>
				<yu-xform-item label="客户名称" placeholder='客户名称' ctype="input" name="name" :colspan="13"></yu-xform-item>
				<yu-xform-item label="客户ID" placeholder='客户ID' ctype="input" name="id" :colspan="13"></yu-xform-item>
				<yu-xform-item label="业务类型" placeholder='业务类型' ctype="input" name="bizType" :disabled="true" :colspan="13" icon="search" :on-icon-click="openDialog"></yu-xform-item>
			</yu-xform-group>
		</yu-xform>
		<yu-form-buttons style="padding-left: 100px">
			<yu-button type="primary" @click="start">发起流程</yu-button>
			<yu-button @click="reSet">重置流水号</yu-button>
		</yu-form-buttons>
		<el-dialog-x title="业务类型" :visible.sync="dialogVisible" height="360px" width="750px">
			<el-form-q ref="refFormq" :field-data="queryFields" :buttons="queryButtons"></el-form-q>
			<el-table-x ref="refTable" :data-url="urls.flow" :table-columns="tableColumns"></el-table-x>
			<div slot="footer" align="center">
				<el-button type="primary" @click="selectFn">选取返回</el-button>
			</div>
		</el-dialog-x>
	</yu-panel>
</div>